<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="TaskMap.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>TaskMap - Web Engineering MiniProject</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="taskmap/taskmap.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>
  	<div id="main">
	  	<div id="header">
	  		<div id="title">
		  		<h1>TaskMap</h1>
		  		<h2>Web Engineering MiniProject - Aron Martinez &amp; Iliya Enchev</h2>
		  	</div>
	  		<div id="loginContainer"></div>
	  	</div>
	  	<div id="welcomeContainer"></div>
	  	<div id="content">
		  	<div id="taskListContainer">
		  		<h1>Tasks</h1>
		  		<div id="existingTasksContainer">
		  			<h2>Task list</h2>
		  		</div>
		  		<div id="newTaskContainer">
		  			<h2>New task</h2>
		  			<div id="newTaskContainerLeft"></div>
					<div id="newTaskContainerCenter"></div>
		  			<div id="newTaskContainerRight"></div>
		  		</div>
		  	</div>
		  	<div id="googleMapsContainer">
		  		<h1>Task map</h1>
		  		<div id="mapContainer"></div>
		  		<div id="directionsContainer">
		  			<div id="dirTitle"></div>
		  			<div id="dirContent"></div>
		  		</div>
			</div>
		</div>

	</div>
  </body>
</html>
